<template>
  <div
    class="purchase-df"
    style="justify-content: space-between"
  >
    <div class="purchase-df">
      <span class="purchase-title-line"></span>
      <slot name="left"></slot>
    </div>
    <div>
      <slot name="right"></slot>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'PurchaseTitle'
  }
</script>

<style scoped>
  .purchase-df{
    display: flex;
    align-items:  center;
  }
  .purchase-title-line{
    display: block;
    width: 5px;
    height: 20px;
    background-color: #1f7bfe;
    margin-right: 5px;
  }
</style>
